<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!--样式-->
    <style type="text/css">
        #main {
            float: left;
            width: 80%;
            margin-left: -20px;
            overflow: hidden;
        }

        .mod-comm {
            padding: 10px 20px 20px;
        }

        .mod-main {
            padding: 10px;
            background-color: #fff;
            margin-bottom: 20px;
        }

        .mod-main .mt {
            display: inline-block;
            display: block;
            padding: 10px;
        }

        .mod-main .mc {
            overflow: visible;
        }

        .mod-main .mt .extra-l {
            float: left;
        }

        ol, ul {
            list-style: none;
        }

        .mod-main .mt .extra-l li {
            float: left;
            padding-left: 20px;
        }

        .mod-main .mt .extra-l li a.curr {
            padding-bottom: 0;
            color: #e4393c;
            border-bottom: 2px solid #e4393c;
            font-weight: 700;
            cursor: pointer;
            text-decoration: none;
        }

        li {
            list-style: none;
        }

        .mod-main .mt .extra-l li a {
            display: inline-block;
            padding-bottom: 2px;
            color: #999;
        }

        .mod-main .mc {
            overflow: visible;
        }


        .form .item {
            display: inline-block;
            display: block;
            margin-bottom: 20px;
            line-height: 30px;
        }

        .form .item span.label {
            float: left;
            height: 18px;
            line-height: 18px;
            padding: 6px 0;
            width: 100px;
            text-align: right;
        }

        .form em {
            color: #e4393c;
        }

        em, i, u {
            font-style: normal;
        }

        .fl {
            float: left;
        }

        .form .itxt, .form .text {
            height: 18px;
            width: 127px;
            padding: 5px 23px 5px 5px;
        }

        .form .area, .form .itxt, .form .sele, .form .selt {
            line-height: 18px;
            border: 1px solid #ccc;
            padding: 5px;
            float: none;
            font-family: "Microsoft YaHei";
            font-size: 12px;
        }

        .clear, .clr {
            display: block;
            overflow: hidden;
            clear: both;
            height: 0;
            line-height: 0;
            font-size: 0;
        }

        .user-set .birthday-info {
            width: 397px;
            overflow: hidden;
        }

        .form .jdcheckbox, .form .jdradio {
            float: none;
            vertical-align: -2px;
            margin: 0 3px 0 0;
            padding: 0;
        }


        .user-set .birthday-info {
            width: 397px;
            overflow: hidden;
        }

        .form .selt1 {
            width: 70px;
        }


        .ftx-03, .ftx03 {
            color: #999;
        }

        .user-set .interest-list {
            width: 400px;
        }

        .user-set .interest-list ul {
            display: inline-block;
            display: block;
        }

        .user-set .interest-list li.i-li {
            height: 36px;
            padding: 0;
            border: none;
        }

        .user-set .interest-list li {
            float: left;
            height: 18px;
            line-height: 18px;
            border: 1px solid #cfcfcf;
            padding: 8px 9px;
            margin: 10px 10px 0 0;
            cursor: pointer;
            white-space: nowrap;
        }

        .btn-5:link, .btn-5:visited, .btn-6:link, .btn-6:visited, .btn-7:link, .btn-7:visited, .btn-8:link, .btn-8:visited {
            color: #323333;
            text-decoration: none;
        }

        body {
            font: 12px/150% tahoma, arial, Microsoft YaHei, Hiragino Sans GB, "\u5b8b\u4f53", sans-serif;
            -webkit-font-smoothing: antialiased;
            color: #666;
            background: #fff;
        }

        #container, #container .w {
            background-color: #f5f5f5;
        }

        #content {
            padding-left: 120px;
            padding-top: 20px;
            display: inline-block;
            display: block;
        }

        a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {
            margin: 0;
            padding: 0;
        }

        .form .item:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .btn-5:link, .btn-5:visited, .btn-6:link, .btn-6:visited, .btn-7:link, .btn-7:visited, .btn-8:link, .btn-8:visited {
            color: #323333;
            text-decoration: none;
        }

        .btn-5, .btn-6, .btn-7, .btn-8 {
            background-color: #f5fbef;
            background-image: -moz-linear-gradient(top, #f5fbef, #eaf6e2);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5fbef), color-stop(1, #eaf6e2));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef', endColorstr='#eaf6e2', GradientType='0');
            -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef', endColorstr='#eaf6e2');
            background-image: linear-gradient(to bottom, #f5fbef 0, #eaf6e2 100%);
            border-radius: 2px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            height: 18px;
            line-height: 18px;
            border: 1px solid #bfd6af;
            padding: 2px 14px 3px;
            color: #323333;
        }


        .ftx-05, .ftx05 {
            color: #005ea7;
        }

        #user-info .u-pic {
            position: relative;
            z-index: 0;
            float: left;
            width: 104px;
            height: 104px;
            overflow: hidden;
            text-align: center;
            margin-right: 6px;
        }

        #user-info .u-pic img {
            width: 100px;
            height: 100px;
        }

        img {
            border: 0;
            vertical-align: middle;
        }

        #user-info .u-pic .mask {
            background: url(//misc.360buyimg.com/user/myjd-2015/css/i/myjd-bg2.png) 0 0;
            width: 104px;
            height: 104px;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
        }

        #user-info .u-pic .face-link-box {
            display: none;
            background: #000;
            z-index: 1;
            position: absolute;
            width: 100px;
            text-align: center;
            left: 0;
            bottom: 4px;
            height: 30px;
            opacity: .5;
            filter: alpha(opacity=50);
        }

        #user-info .u-pic .face-link {
            display: none;
            position: absolute;
            width: 100px;
            text-align: center;
            left: 0;
            bottom: 4px;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            color: #fff;
            z-index: 3;
        }

        #user-info .info-m {
            float: left;
            width: 170px;
        }

        #user-info .info-m .u-level {
            margin-bottom: 5px;
            height: 18px;
        }

        #user-info .info-m .u-level .rank {
            margin-right: 10px;
        }

        #user-info .info-m .u-level .rank.jxz s {
            width: 19px;
            height: 19px;
            margin-right: 3px;
            background: url(//misc.360buyimg.com/user/myjd-2015/widget/common/i/jxz-icon.png);
        }

        #user-info .info-m .u-level .rank s {
            background: url(//misc.360buyimg.com/user/myjd-2015/css/i/rank2014.gif) no-repeat 0 0;
            display: inline-block;
            height: 17px;
            margin-right: 5px;
            text-decoration: none;
            width: 17px;
            vertical-align: middle;
            overflow: hidden;
        }

        #user-info .info-m .u-level .rank.jxz a {
            font-family: simson;
            color: #F03435;
        }

        #user-info .info-m .u-level .rank a {
            display: inline-block;
            vertical-align: middle;
        }

        #user-info a {
            color: #005ea7;
        }

        #sub {
            float: left;
            width: 120px;
            position: relative;
            left: -50px;
        }

        #menu {
            width: 100px;
            padding-left: 10px;
        }

        #menu dl {
            padding-bottom: 15px;
        }

        #menu dl dt {
            height: 28px;
            line-height: 28px;
            color: #333;
            font-weight: 700;
        }

        #menu dl dd {
            color: #666;
            line-height: 24px;
        }

        #menu dl dd.curr a {
            color: #e4393c;
            font-weight: 700;
        }

        .mod-comm .mc {
            line-height: 20px;
        }

        .mod-main .mc {
            overflow: visible;
        }

        .m, .mb, .mc, .mt, .sm, .smb, .smc, .smt {
            overflow: hidden;
            zoom: 1;
        }

        .easebuy-m {
            border: 2px solid #e6e6e6;
            margin: 0 0 10px;
        }

        .easebuy-m .smt {
            padding-left: 10px;
            line-height: 35px;
            height: 35px;
            position: relative;
            display: inline-block;
            display: block;
            overflow: visible;
        }

        .easebuy-m .smt h3 {
            float: left;
            color: #666;
        }

        .mt h2, .smt h3 {
            font-family: "microsoft yahei";
        }

        a {
            color: #666;
            text-decoration: none;
        }

        .easebuy-m .smt h3 .ftx-04 {
            margin: 0 0 0 10px;
            font-size: 12px;
            background: #ffaa45;
            padding: 2px;
            color: #fff;
            font-weight: 400;
        }

        .easebuy-m .smt .extra {
            float: right;
            margin: 0 10px 0 0;
        }

        .easebuy-m .smt .extra .del-btn {
            margin-top: 10px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 13px;
            height: 13px;
            text-indent: 2em;
            background: url(//misc.360buyimg.com/user/myjd-2015/css/i/close.png) no-repeat;
            overflow: hidden;
            vertical-align: middle;
        }

        .easebuy-m .smt .extra a {
            color: #005ea7;
            margin: 0 0 0 20px;
        }

        .easebuy-m .smt .alias-form {
            display: none;
            position: absolute;
            left: 6px;
            top: 6px;
            width: 218px;
            height: 126px;
            border: 1px solid #ddd;
            background: #fff;
            z-index: 2;
            box-shadow: 0 0 10px rgba(0, 0, 0, .15);
        }

        .easebuy-m .smt .alias-form .alias-new {
            width: 220px;
            height: 25px;
            margin-top: -1px;
            margin-left: -1px;
            margin-bottom: 5px;
            overflow: hidden;
        }

        .easebuy-m .smt .alias-form .alias-new .ipt-text {
            float: left;
            width: 156px;
            height: 23px;
            line-height: 23px;
            padding: 0 5px;
            border: 1px solid #ccc;
            border-right: medium none;
        }

        .easebuy-m .smt .alias-form .alias-new .btn-save {
            float: left;
            width: 53px;
            height: 25px;
            line-height: 25px;
            padding: 0;
            border: medium none;
            overflow: hidden;
            text-align: center;
            color: #fff;
            background: #e64346;
        }

        .easebuy-m .smt .alias-form .alias-common {
            width: 200px;
            margin: 0 auto;
        }

        .easebuy-m .smt .alias-form .alias-common .ac-tip {
            margin-bottom: 5px;
            font: 12px/22px SimSun;
            color: #999;
        }

        .easebuy-m .smt .alias-form .alias-common .ac-con {
            width: 210px;
            margin-right: -10px;
            overflow: hidden;
        }

        .easebuy-m .smt:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .easebuy-m .smc {
            padding: 10px;
            line-height: 22px;
            width: 788px;
        }

        .easebuy-m .smc .new-items {
            position: relative;
            width: 788px;
        }

        .easebuy-m .smc .item-lcol {
            width: 450px;
            float: left;
        }

        .easebuy-m .smc .item-rcol {
            width: 320px;
            float: left;
            padding-left: 10px;
            height: 100%;
        }

        .easebuy-m .smc .item-rcol .extra {
            position: absolute;
            right: 0;
            bottom: 0;
        }

        .ml10 {
            margin-left: 10px;
        }

        .easebuy-m .smc .item span {
            float: left;
            width: 70px;
            color: #999;
            text-align: right;
        }

        .easebuy-m .smc .item-lcol .fl {
            width: 360px;
        }


        .thickframe {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 10000000;
            width: 100%;
            height: 100%;
            background: #000;
            border: 0;
            filter: alpha(opacity=0);
            opacity: 0;
        }

        .thickbox {
            position: absolute;
            z-index: 10000002;
            overflow: hidden;
            padding: 0;
            border: 4px solid rgba(0, 0, 0, .1);
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }

        .thicktitle {
            height: 27px;
            padding: 0 10px;
            border: solid #C4C4C4;
            border-width: 1px 1px 0;
            background: #F3F3F3;
            line-height: 27px;
            font-family: arial, "\5b8b\4f53";
            font-size: 14px;
            font-weight: 700;
            color: #333;
        }

        .thickcon {
            overflow: auto;
            background: #fff;
            border: solid #C4C4C4;
            border-width: 1px;
            padding: 10px;
        }

        .thickclose:link, .thickclose:visited {
            display: block;
            position: absolute;
            z-index: 100000;
            top: 7px;
            right: 12px;
            overflow: hidden;
            width: 15px;
            height: 15px;
            background: url(//misc.360buyimg.com/201007/skin/df/i/bg_thickbox.gif) no-repeat 0 -18px;
            font-size: 0;
            line-height: 100px;
        }

        #edit-cont {
            padding: 20px;
        }

        .m, .sm {
            margin-bottom: 10px;
        }

        #edit-cont .item {
            margin: 0 0 5px;
            line-height: 22px;
        }

        #edit-cont .item .label {
            float: none;
            display: block;
            vertical-align: middle;
            color: #999;
            text-align: left;
        }

        .form em {
            color: #e4393c;
        }

        #edit-cont .item .text {
            height: 18px;
            line-height: 18px;
            padding: 6px;
            width: 220px;
            margin-right: 5px;
            vertical-align: middle;
        }

        #edit-cont .item .error-msg {
            color: #c00;
            line-height: 32px;
        }

        #edit-cont .item {
            margin: 0 0 5px;
            line-height: 22px;
        }

        #edit-cont .ui-area-text-wrap {
            min-width: 142px;
        }

        .ui-area-wrap .ui-area-text-wrap {
            float: left;
            position: relative;
            top: 0;
            height: 23px;
            background: #fff;
            border: 1px solid #CECBCE;
            padding: 0 24px 0 4px;
            line-height: 23px;
            overflow: hidden;
        }

    </style>
    <link rel="stylesheet" href="/static/index/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="/static/index/css/GL.css">
    <script src="/static/index/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>

    <script src="/static/index/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>

    <script src="/static/index/js/swiper-3.4.2.min.js"></script>

</head>

<body>
<header>
    <div class="head">
        <a href="http://www.drygoods.top"><img src="/static/index/img/img_01.png"/></a>
        <p>X</p>
    </div>
    <!--头部-->
    <div class="header_head">
        <div class="header_head_box">
            <ul>
                <li>
                    <a href="http://www.drygoods.top" class="header_head_p_a1" style="width:73px;">
                        drygoods首页
                    </a>
                    <a th:if="${session.loginUser!=null}">
                        欢迎：[[${(session.loginUser!=null)?session.loginUser.username:''}]]
                    </a>
                    <a th:if="${session.loginUser==null}" href="http://auth.drygoods.top/login.html">
                        您好，请登录
                    </a>
                </li>
                <li>
                    <a th:if="${session.loginUser==null}" href="http://auth.drygoods.top/reg.html" class="li_2">
                        免费注册
                    </a>
                </li>
                <span>|</span>
                <li>
                    <a href="http://member.drygoods.top/orderList.html">我的订单</a>
                </li>


            </ul>
        </div>
    </div>

    <!--个人收货信息-->
    <div id="container">
        <div class="w">
            <div id="content">
                <div id="sub">
                    <div id="menu">
                        <dl class="fore1">
                            <dt id="_MYJD_setting">设置</dt>
                            <dd class="fore1_1" id="_MYJD_info">
                                <a href="http://member.drygoods.top/members.html"
                                   target="_self">个人信息</a>
                            </dd>
                            <dd class="fore1_3" id="_MYJD_accbinde">
                                <a href="http://member.drygoods.top/membersBinding.html"
                                   target="_self">账号绑定</a>
                            </dd>
                            <dd class="fore1_5 curr" id="_MYJD_comments">
                                <a clstag="homepage|keycount|home2013|homeadd"
                                   href="http://member.drygoods.top/membersAddress.html" target="_self">收货地址</a>
                            </dd>
                        </dl>
                    </div>
                </div>

                <div id="main">
                    <div id="addressList" class="mod-main mod-comm">
                        <div class="mt">
                            <a id="edit-add-dialog" onclick="alertAddAddressDiag(-1)" class="e-btn add-btn btn-5"
                               href="javascript:;">新增收货地址</a>
                        </div>

                        <div class="mc">
                            <div class="sm easebuy-m " th:each="memberAddress,index:${memberAddresses}">
                                <div class="smt">
                                    <h3>
                                        <span th:text="${memberAddress.addressAlias!=null&&memberAddress.addressAlias!=''?
                                        memberAddress.addressAlias:memberAddress.name+' '+memberAddress.province}">余佳成 江西</span>
                                        <span class="ftx-04 ml10" th:if="${memberAddress.defaultStatus==1}">默认地址</span>
                                    </h3>
                                    <div class="extra">
                                        <a th:onclick="|alertDelAddressDiag(${memberAddress.id});|" class="del-btn"
                                           href="#none">删除</a>
                                    </div>
                                </div>

                                <div class="smc">
                                    <div class="items new-items">
                                        <div class="item-lcol">
                                            <div class="item">
                                                <span class="label">收货人：</span>
                                                <div class="fl">
                                                    [[${memberAddress.name}]]
                                                </div>
                                                <div class="clr"></div>
                                            </div>
                                            <div class="item">
                                                <span class="label">所在地区：</span>
                                                <div class="fl">
                                                    [[${memberAddress.province}]][[${memberAddress.city}]][[${memberAddress.region}]]
                                                </div>
                                                <div class="clr"></div>
                                            </div>
                                            <div class="item">
                                                <span class="label">地址：</span>
                                                <div class="fl">
                                                    [[${memberAddress.detailAddress}]]
                                                </div>
                                                <div class="clr"></div>
                                            </div>
                                            <div class="item">
                                                <span class="label">手机：</span>
                                                <div class="fl">
                                                    [[${memberAddress.phone}]]
                                                </div>
                                                <div class="clr"></div>
                                            </div>
                                            <div class="item">
                                                <span class="label">电子邮箱：</span>
                                                <div class="fl">
                                                    [[${memberAddress.email==null?'':memberAddress.email}]]
                                                </div>
                                                <div class="clr"></div>
                                            </div>
                                        </div>

                                        <div class="item-rcol">
                                            <div class="extra">
                                                <a class="ml10 ftx-05"
                                                   th:if="${memberAddress.defaultStatus==0}"
                                                   href="javascript:;"
                                                   th:onclick="|updateDefaultAddress(${memberAddress.id})|">设为默认</a>
                                                <a class="ml10 ftx-05" href="javascript:;"
                                                   th:onclick="alertAddAddressDiag([[${index.index}]])">编辑</a>
                                            </div>
                                        </div>
                                        <div class="clr"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="mt" id="addAddressDiv_bottom">
                            <a onclick="alertAddAddressDiag(-1)" class="e-btn add-btn btn-5"
                               href="javascript:;">新增收货地址</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</header>
<!--修改与新增地址界面-->
<iframe id="iframe" class="thickframe" marginwidth="0" marginheight="0" frameborder="0"
        scrolling="no"
        style="display: none;width: 100%; height: 1225px;">
</iframe>
<div id="thickdiv" class="thickdiv" style="display: none;width: 100%; height: 1225px;">
</div>
<div display="none" id="thickbox" class="thickbox"
     style="display: none;left: 425px;top: 14px;width: 762px;height: 673px;">
    <div class="thickwrap" style="width: 760px;">
        <div class="thicktitle" id="" style="width:740px">
            <span id="addressTitle"></span>
        </div>
        <div class="thickcon" style="width: 740px; height: 620px; padding-left: 10px; padding-right: 10px;">
            <div id="addressDiagDiv">


                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
                <link type="text/css" rel="stylesheet"
                      href="//misc.360buyimg.com/jdf/1.0.0/unit/??ui-base/1.0.0/ui-base.css,shortcut/2.0.0/shortcut.css,global-header/1.0.0/global-header.css,myjd/2.0.0/myjd.css,nav/2.0.0/nav.css,shoppingcart/2.0.0/shoppingcart.css,global-footer/1.0.0/global-footer.css,service/1.0.0/service.css,basePatch/1.0.0/basePatch.css">
                <link type="text/css" rel="stylesheet"
                      href="//misc.360buyimg.com/user/myjd-2015/widget/??common/common.css" source="widget">
                <link type="text/css" rel="stylesheet" href="//misc.360buyimg.com/user/myjd-2015/css/myjd.easebuy.css"
                      source="combo">
                <title>收货地址</title>
                <div class="m" id="edit-cont">
                    <div class="mc">
                        <div class="form">
                            <input id="is-recommend-area" value="true" style="display: none">
                            <div class="item">
                                <input type="hidden" class="itxt" maxlength="20" id="addressId">
                            </div>
                            <div class="item">
                                <input type="hidden" class="itxt" maxlength="20" id="memberId">
                            </div>
                            <div class="item">
                                <span class="label"><em>*</em>收货人：</span>
                                <div class="fl">
                                    <input id="consigneeName" type="text" class="text">
                                    <span id="consigneeNameNote" class="error-msg hide"></span>
                                </div>
                                <div class="clr"></div>
                            </div>
                            <!-- 有推荐功能的地址菜单 -->
                            <div class="item">
                                <span class="label"><em>*</em>省：</span>
                                <input type="text" class="itxt" maxlength="20" id="province">
                            </div>
                            <div class="item">
                                <span class="label"><em>*</em>市：</span>
                                <input type="text" class="itxt" maxlength="20" id="city">
                            </div>
                            <div class="item">
                                <span class="label"><em>*</em>区：</span>
                                <input type="text" class="itxt" maxlength="20" id="region">
                            </div>
                            <div class="item" id="recommendAdd" style="display: none;">
                                <div class="fl consignee-auto-tip">
                                    <i class="arrow-up"></i>
                                    <div id="recommendAddList">
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <span class="label"><em>*</em>详细地址：</span>
                                <div class="fl">
                                    <span style="float: left;margin-right: 5px;line-height:32px;" id="areaName"></span>
                                    <input id="consigneeAddress" type="text" class="text text1">
                                </div>
                                <span class="error-msg" id="consigneeAddressNote"></span>
                                <div class="clr"></div>
                            </div>
                            <div class="item">
                                <div class="fl">
                                    <span class="label"><em>*</em>手机号码：</span>
                                    <span class="telnum-prefix" id="span_consignee_areaCode">0086</span>
                                </div>
                                <div class="fl"><span class="extra-span ftx-03">-</span></div>
                                <div class="fl">
                                    <span class="label"></span>
                                    <input id="consigneeMobile" type="text" maxlength="11" class="text">
                                    <span class="error-msg hide" id="consigneeMobileNote"></span>
                                    <span class="clr"></span>
                                </div>
                                <div class="clr"></div>
                            </div>
                            <div class="item" id="postcode_div">
                                <span class="label"><em>*</em>邮政编码：</span>
                                <div class="fl">
                                    <input id="postCode" value="" maxlength="50" type="text" class="text text1">
                                    <span class="error-msg hide" id="postCodeNote"></span>
                                </div>
                                <div class="clr"></div>
                            </div>
                            <div class="item">
                                <span class="label" id="span_consignee_email"><em></em>邮箱地址：</span>
                                <div class="fl">
                                    <input id="consigneeEmail" type="text" class="text text1" maxlength="50">
                                    <span class="error-msg hide" id="emailNote"></span>
                                </div>
                                <div class="clr"></div>
                            </div>
                            <div class="item">
                                <span class="label">地址别名：</span>
                                <div class="fl">
                                    <input id="consigneeAlias" type="text" class="text">
                                    <span class="error-msg" id="error_consigneeAlias"></span>
                                </div>
                                <div class="clr"></div>
                            </div>
                            <div class="btns">
                                <a href="javascript:;" onclick="addAddress();" class="e-btn btn-9 save-btn">保存收货地址</a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <a href="#" class="thickclose" onclick="closeDialog()">×</a></div>
</div>
<!--修改与新增地址界面-->
<div class="section_second">
    <!-- 第一层 -->
    <div style="padding-bottom: 18px;background: #eaeaea;overflow: hidden;margin-top: 10px">
        <p class="section_second_header_img"></p>
        <li style="width: 247px;float: left;margin-left: 127px">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 180px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    品类齐全，轻松购物</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 180px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    多仓直发，极速配送</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 180px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    正品好货，精致服务</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 180px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    天天低价，畅选无忧</p>
            </div>
        </li>
        <br/><br><br>
        <p style="border-bottom: solid 1px #dedede;margin-bottom: 10px"></p>
        <div class="w" style="width: 1210px;text-align: center;margin-left: 165px;">
            <div class="copyright_links" style="margin: 0;padding: 0;">
                <p>
                    <a href="//about.jd.com"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">关于我们</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//about.jd.com/contact/"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">联系我们</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//help.jd.com/user/custom.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">联系客服</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//lai.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">合作招商</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//helpcenter.jd.com/venderportal/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">商家帮助</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//jzt.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">营销中心</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//app.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">手机京东</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//club.jd.com/links.aspx" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">友情链接</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//media.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">销售联盟</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3WA2zN8wkwc9fL9TxAJXHh5Nj79u/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东社区</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3TF25tMdrnURET8Ez1cW9hzfg3Jt/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">风险监测</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//about.jd.com/privacy/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">隐私政策</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//gongyi.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东公益</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//www.joybuy.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">English
                        Site</a><span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//corporate.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">Media
                        &amp; IR</a>
                </p>
            </div>
            <div class="copyright_info">
                <p>
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000088"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京公网安备
                        11000002000088号</a><span style="margin: 0 6px;color: #ccc;">|</span><span><a
                        href="http://beian.miit.gov.cn"
                        target="_blank"
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京ICP备11041704号</a></span><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/pc/dev/3T3No18XR8k8rpLGLGhgbJ1StAFq/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       rel="noopener noreferrer">ICP</a><span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//jdwp.jd.com/544-2927.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span
                        style="margin: 0 6px;color: #ccc;">|</span><span
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">新出发京零 字第大120007号</span>
                </p>
                <p><span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">互联网出版许可证编号新出网证(京)字150号</span><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3bVDLXHdwVmdQksGF8TtS7ocq1NY/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">出版物经营许可证</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//img10.360buyimg.com/ling/jfs/t1/164806/19/5070/567736/6017d6d6Eab06ec9c/d8ca6e029f495447.jpg"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">网络文化经营许可证京网文[2020]6112-1201号</a><span
                            style="margin: 0 6px;color: #ccc;">|</span><span
                            style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">违法和不良信息举报电话：4006561155</span>
                </p>
                <p><span class="copyright_text"
                         style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">Copyright © 2004 - <em
                        id="copyright_year"
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">2022</em>  京东JD.com 版权所有</span><span
                        style="margin: 0 6px;color: #ccc;">|</span><span
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">消费者维权热线：4006067733</span>
                    <a href="//pro.jd.com/mall/active/38PitHBfR7ZopNHRSHnuuWR5AMDL/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       class="copyright_license">经营证照</a>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">(京)网械平台备字(2018)第00003号</span>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/babelDiy/Zeus/ARcYnJ8coUdUecn6UQAN6TDaVmH/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       class="mod_business_license">营业执照</a>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/pc/dev/3YxBvN6m5TsRyVCvDSeEh7awmLB4/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       rel="noopener noreferrer">增值电信业务经营许可证</a>
                </p>
                <p><span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东旗下网站：</span>
                    <a href="https://www.jdpay.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东钱包</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="https://www.jdcloud.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东云</a>
                </p>
            </div>
        </div>
    </div>
</div>


</body>
<script th:inline="javascript" type="text/javascript">
    $(function () {
    })

    //开启修改或更新界面
    function alertAddAddressDiag(date) {
        document.getElementById('iframe').style.display = 'block';
        document.getElementById('thickdiv').style.display = 'block'
        document.getElementById('thickbox').style.display = 'block'
        if (date != -1) {
            document.getElementById('addressTitle').innerText = "修改收货地址";
            var newVar = [[${memberAddresses}]];
            document.getElementById('addressId').value = newVar[date].id;
            document.getElementById('consigneeName').value = newVar[date].name;
            document.getElementById('province').value = newVar[date].province;
            document.getElementById('city').value = newVar[date].city;
            document.getElementById('region').value = newVar[date].region;
            document.getElementById('consigneeAddress').value = newVar[date].detailAddress;
            document.getElementById('consigneeMobile').value = newVar[date].phone;
            document.getElementById('postCode').value = newVar[date].postCode;
            document.getElementById('consigneeEmail').value = newVar[date].email;
            document.getElementById('consigneeAlias').value = newVar[date].addressAlias;
        } else {
            document.getElementById('addressTitle').innerText = "添加收货地址";
        }


    }

    //关闭修改或更新界面
    function closeDialog() {
        document.getElementById('iframe').style.display = 'none';
        document.getElementById('thickdiv').style.display = 'none'
        document.getElementById('thickbox').style.display = 'none'

        //清空所有值
        document.getElementById('addressId').value = null;
        document.getElementById('consigneeName').value = null;
        document.getElementById('province').value = null;
        document.getElementById('city').value = null;
        document.getElementById('region').value = null;
        document.getElementById('consigneeAddress').value = null;
        document.getElementById('consigneeMobile').value = null;
        document.getElementById('postCode').value = null;
        document.getElementById('consigneeEmail').value = null;
        document.getElementById('consigneeAlias').value = null;

    }

    //保存或修改收货地址
    function addAddress() {
        var params = {
            'name': document.getElementById('consigneeName').value,
            'province': document.getElementById('province').value,
            'city': document.getElementById('city').value,
            'region': document.getElementById('region').value,
            'detailAddress': document.getElementById('consigneeAddress').value,
            'phone': document.getElementById('consigneeMobile').value,
            'postCode': document.getElementById('postCode').value,
            'email': document.getElementById('consigneeEmail').value,
            'addressAlias': document.getElementById('consigneeAlias').value,
        }
        var url = null;
        if (document.getElementById('addressId').value != null && document.getElementById('addressId').value != '') {
            //更新
            params.id = document.getElementById('addressId').value;
            url = "http://member.drygoods.top/member/memberreceiveaddress/update";
        } else {
            url = "http://member.drygoods.top/member/memberreceiveaddress/save";
        }
        $.ajax({
            url: url,
            data: JSON.stringify(params),
            processData: false, //默认true，设置为 false，不需要进行序列化处理
            cache: false, //设置为false将不会从浏览器缓存中加载请求信息
            async: false, //发送同步请求
            contentType: 'application/json', //避免服务器不能正常解析文件---------具体的可以查下这些参数的含义
            dataType: 'json', //不涉及跨域  写json即可
            type: 'post',
        });
        location.reload();


    }

    //更改默认地址
    function updateDefaultAddress(date) {
        $.ajax({
            url: "http://member.drygoods.top/member/memberreceiveaddress/update/defaultAddress/" + date,
            // data: JSON.stringify(params),
            processData: false, //默认true，设置为 false，不需要进行序列化处理
            cache: false, //设置为false将不会从浏览器缓存中加载请求信息
            async: false, //发送同步请求
            // contentType: 'application/json', //避免服务器不能正常解析文件---------具体的可以查下这些参数的含义
            dataType: 'json', //不涉及跨域  写json即可
            type: 'get',
        });
        location.reload();
    }

    //删除收货地址
    function alertDelAddressDiag(date) {
        // alert(date);
        $.ajax({
            url: "http://member.drygoods.top/member/memberreceiveaddress/delete/address/" + date,
            // data: JSON.stringify(params),
            processData: false, //默认true，设置为 false，不需要进行序列化处理
            cache: false, //设置为false将不会从浏览器缓存中加载请求信息
            async: false, //发送同步请求
            // contentType: 'application/json', //避免服务器不能正常解析文件---------具体的可以查下这些参数的含义
            dataType: 'json', //不涉及跨域  写json即可
            type: 'get',
        });
        location.reload();
    }

</script>
<script type="text/javascript" src="/static/index/js/text.js"></script>
<script type="text/javascript" src="/static/index/js/header.js"></script>
<script type="text/javascript" src="/static/index/js/secend.js"></script>
<script type="text/javascript" src="/static/index/js/zz.js"></script>
<script type="text/javascript" src="/static/index/js/index.js"></script>
<script type="text/javascript" src="/static/index/js/left,top.js"></script>
<script type="text/javascript" src="/static/index/js/catalogLoader.js"></script>
</html>
